<script setup lang="ts">
import config from './config';


const colorMode = useColorMode();

const color = computed(() =>
  colorMode.value === 'dark' ? '#111827' : 'white'
);

useHead({
  meta: [
    { charset: 'utf-8' },
    { name: 'viewport', content: 'width=device-width, initial-scale=1' },
    { key: 'theme-color', name: 'theme-color', content: color }
  ],
  link: [{ rel: 'icon', href: '/favicon.ico' }],
  htmlAttrs: {
    lang: 'zh-CN'
  }
});

const { title } = config;

useSeoMeta({
  title,
  ogTitle: title
});
</script>

<template>
  <v-responsive>
    <v-app>
      <NuxtLoadingIndicator />

      <NuxtRouteAnnouncer />

      <NuxtLayout>
        <NuxtPage />
      </NuxtLayout>
    </v-app>
  </v-responsive>
</template>
